@charset "utf-8";
/* CSS Document */
body,ul,p,ol,li,h1,h2,h3,h4,h5,h6,form,dl,dt,dd,input,span{margin:0;padding:0;font:12px/21px,"",Arial,sans-serif;font-size:16px;font-family: 'Arial'; font-weight: 100;}
body,h1,h2,h3,h4,h5,p,ul,dl,dd,dt,input{margin:0;padding:0;}
body {min-width:320px;max-width: 720px;margin: 0 auto;-moz-background-size:cover;-ms-background-size:cover;-webkit-background-size:cover;background-size:cover;background: #f0f0f0;}
input[type="button"], input[type="submit"], input[type="reset"] ,input[type="text"],textarea {-webkit-appearance: none;resize:none;}
strong,b,u{font-weight: 100;font-family: inherit;text-decoration: none;}
a:hover{text-shadow:0 0 rgba(51,51,51,0.05);transition:0.35s;text-decoration: none;}
a,u{text-decoration:none;color:#000;}
em,b{font-style: normal;}
img{border:0;display:block;vertical-align:middle;}
*:focus {outline: none;}
ul,li{list-style:none;}
ul{list-style:none;}
h6{clear:both;}
*{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*其他*/
.zezao{z-index:99;position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5;background-size:100% 100%;display: none;}
.cler{clear: both;.dk;content:"";}
.wp100{width: 100%;.pr;}
.wp95{width: 95%;margin: 0 auto;position: relative;}
.wryh{font-family: "微软雅黑";}
.di{display: inline-block;}
.pos{position: absolute;}
.tc{ text-align:center;}
.fb{font-weight: bold;}
.pr{position:relative;}
.oh{overflow: hidden;}
.bgc{background-size:contain;}
.m0a{margin: 0 auto;}
.dk{display: block;}
.dn{display: none;}
.wd100{width:100%;}
.op0{opacity: 0;}
.op1{opacity: 1;}
.fr{float:right}
.fl{float:left}
.borR(@num:3px){border-radius: @num;}
.w(@num1){width: @num1+0em;}
.h(@num1){height: @num1+0em;}
.wh(@num1,@num2:auto){width: @num1+0em;height: @num2+0em;}
.lh(@num1,@num2:auto){height: @num1+0em;line-height:@num2+0em;}

.bp(@num1,@num2){background-position: @num1+0px @num2+0px}
.tr3dPy(@val1,@val2,@second:0.35s){transform: translate(@val1,@val1); transition: @second; -webkit-transform: translate(@val1,@val2); -moz-transform: translate(@val1,@val2); -ms-transform: translate(@val1,@val2); -o-transform: translate(@val1,@val2); transform: translate(@val1,@val2); -webkit-transition: @second; -moz-transition: @second; -ms-transition: @second; -o-transition: @second; transition: @second;}
.tr3dSc(@num,@second:0.35s){-webkit-transform: scale(@num);-moz-transform: scale(@num);-ms-transform: scale(@num);-o-transform: scale(@num);transform: scale(@num);-webkit-transition: @second;-moz-transition: @second;-ms-transition: @second;-o-transition: @second;transition: @second;}
.tr3dXz(@num,@second:0.35s){-webkit-transform: rotate(@num); -moz-transform: rotate(@num); -ms-transform: rotate(@num); -o-transform: rotate(@num); transform: rotate(@num); -webkit-transition: @second; -moz-transition: @second; -ms-transition: @second; -o-transition: @second; transition: @second;}
.trTime(@second:0.35s){-webkit-transition: @second; -moz-transition: @second; -ms-transition: @second; -o-transition: @second; transition: @second;}
.bg(@num){background: @num}
.textEll{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.ls(@num:-1px){letter-spacing: @num+0px;}
.f(@num){font-size: @num+0em;}
.max-w-min-w{min-width:320px;max-width:720px;}
.jdjz{
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.ji{cursor: pointer;}
.f100{font-weight: 100;}

/*border*/
.b0{border: 0;}
.bor(@color){border: 1px solid @color}
.bor_bb{border-bottom: 1px solid #ededed;}
.bor_t(@color){border-top: 1px solid @color}
.bor_b(@color){border-bottom: 1px solid @color}
.bor_l(@color){ border-left: 1px solid @color}
.bor_r(@color){ border-right: 1px solid @color}
.bor_bt{border-bottom: 1px solid #ededed;border-top: 1px solid #ededed;}
/*字体颜色，背景颜色*/
.cor1{color:#FFFFFF;}
.cor0{color:#000000;}
.cor3{color:#333333;}
.cor6{color:#666666;}
.cor9{color:#999999;}
.bag1{background:#FFFFFF;}
.bag0{background: #000000;}
/*font-size*/
.f04{font-size: 0.4em;}
.f05{font-size: 0.5em;}
.f06{font-size: 0.6em;}
.f07{font-size: 0.7em;}
.f08{font-size: 0.8em;}
.f09{font-size: 0.9em;}
.f10{font-size:1.0em;}
.f11{font-size:1.1em;}
.f12{font-size:1.2em;}
.f13{font-size:1.3em;}
.f14{font-size:1.4em;}
.f15{font-size:1.5em;}
.f16{font-size:1.6em;}
.f17{font-size:1.7em;}
.f18{font-size:1.8em;}
/*margin*/
.m0{margin:0;}
.mt5{margin-top: 0.5em}
.mt10{margin-top: 1em;}
.mt15{margin-top: 1.5em;}
.mt20{margin-top: 2em;}
.mr5{margin-right: 0.5em;}
.mr10{margin-right: 1em;}
.mr15{margin-right: 1.5em;}
.mr20{margin-right: 2em;}
.mb5{margin-bottom: 0.5em;}
.mb10{margin-bottom: 1em;}
.mb15{margin-bottom: 1.5em;}
.mb20{margin-bottom: 2em;}
.ml5{margin-left: 0.5em;}
.ml10{margin-left: 1em;}
.ml15{margin-left: 1.5em;}
.ml20{margin-left: 2em;}
.mt(@num){margin-top: @num+0em;}
.mb(@num){margin-bottom: @num+0em;}
.mr(@num){margin-right: @num+0em;}
.ml(@num){margin-left: @num+0em;}

/*padding*/
.p0{padding:0;}
.pt5{padding-top: 0.5em;}
.pt10{padding-top: 1em;}
.pt15{padding-top: 1.5em;}
.pt20{padding-top: 2em;}
.pr5{padding-right: 0.5em;}
.pr10{padding-right: 1em;}
.pr15{padding-right: 1.5em;}
.pr20{padding-right: 2em;}
.pb5{padding-bottom: 0.5em;}
.pb10{padding-bottom: 1em;}
.pb15{padding-bottom: 1.5em;}
.pb20{padding-bottom: 2em;}
.pl5{padding-left: 0.5em;}
.pl10{padding-left: 1em;}
.pl15{padding-left: 1.5em;}
.pl20{padding-left: 2em;}
.pt(@num){padding-top: @num+0em;}
.pb(@num){padding-bottom: @num+0em;}
.pl(@num){padding-left: @num+0em;}
.pr(@num){padding-right: @num+0em;}

//颜色
@bcor1:#ededed;
@bcor2:#ededed;

//菜单
.items{.bag1;.bor_t(@bcor1);.mb10;}
.items a.item{padding: 0 3%; .dk;.bor_bb; .lh(3.25,3.25); .f09;}
.items a.item .icon{.w(1.75em);.fl; .mt(0.75); .mr5;}
.items a.item .next{.fr; .w(0.5); .mt10;}
//菜单2
.items-ic{.bag1;.mb15; .bor_bt;}
.items-ic a.item{.dk; .lh(3.25,3.25); .pl(50px);.pr;}
.items-ic a.item .icon{.w(1.75em);.fl; .mt(0.75); .mr5;.pos; left: 3%;}
.items-ic a.item .box{.dk;.bor_bb;}
.items-ic a.item .box .next{ .w(0.5); .mt10; .di;.fr; .mr(3%);}
.items-ic a.item:last-child .box{.b0;}
//菜单3
.items-imin{.bag1;.mb10;}
.items-imin .item{padding: 0 3%; .dk;}
//.items-imin a.item .icon-box{.fl;.w(12%); text-align: left; line-height: 100%; .mt(0.7);}
//.items-imin a.item .icon-box .icon{display: inline; .w(65%);}
.items-imin .item:after{.cler;}
.items-imin .item .box{.dk; .bor_bb;padding: 0.5em 0;.f09;}
.items-imin .item:last-child .box{.b0;}
.items-imin .item .box .next{.fr;.w(0.5);.mt10;}
.items-imin .item .box:after{.cler;}
//登录及其文本框之前有图标之类的文本框
.login-list-txtboxs{padding: 0 3%; .bag1;}
.login-list-txtboxs li{padding: 1.2em 0 1.2em 30px; .bor_bb;}
.login-list-txtboxs li input[type=text]{.b0;.wd100;}
.login-list-txtboxs li .bgicon{background: url("../img/png/ico3.png") no-repeat ; .fl; .wh(17px,21px); display: inline;.ml(-25px);.bgc;}
//标题栏
.title{.lh(3,3); .bag1;}
.title h2{.f11;}
.title .icon{background: url("../img/png/ico4.png") no-repeat 100%;.dk; .wh(1.25,1.25); .bgc; .fl;margin:0 3%; .mt(0.75);}
.title .next{.f08; .fr; .mr(3%);.di; line-height: normal; .mt10;}
//栏目标题展示图及正文
.column{.bag1;padding: 0 3%; .bor_bt; cursor: pointer;}
.column .cont{padding: 1em 0;}
.column .left-img{ .oh; .wh(6,6);.mr5; .fl; .jdjz;}
.column .right-cons{}
.column .right-cons .title-chr{.f10; .mb(0.3);}
.column .right-cons .cons-chr{.f08; line-height: 1.35em;}
.column .cont:after{.cler;}